<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../..//css/public.css">
    <link rel="stylesheet" href="../../css/index-shouye.css">
    <link rel="stylesheet" href="../../css/public-students.css">
    <script src="../../common/jquery-1.10.2.min.js"></script>
    <script src="../../common/common.js"></script>
    <script src="../../common/echarts.common.min.js"></script>
</head>
<body>
<div class="chengji-box style-el">
    <div class="index-nav-box">
        <ul>
            <li class="index-nav-box-el">
                    <span class="index-nav-box-cl">
                        <img class="icon-left" src="../../img/icon-zj.png" alt="">
                        钉钉(6)
                    </span>
            </li>
            <li>
                <span class="index-nav-box-tl">课表</span>
            </li>
            <li></li>
        </ul>
    </div>
    <div class="chengji-box-el">
        <ul>
            <li class="time">时间区间</li>
            <li class="time-el">
                <span>2018-10-02~2018-10-10</span>
                <img class="time-img"  src="../img/arrow.png" alt="">
            </li>
        </ul>
    </div>
    <div class="guanli-fenlei guanli-fenlei-dkfd">
        <ul class="index-nav-box-ttl-kdlf index-nav-box-ttl ">
            <li  class="right-el-ekdk">
                <span>班级</span>
                <span class="icon-pl"></span>
            </li>
            <li class="right-el-ekdk">
                <span>科目</span>
                <span class="icon-pl"></span>
            </li>
            <li class="right-el-ekdk">
                <span>老师</span>
                <span class="icon-pl"></span>
            </li>
        </ul>
    </div>
    <div class="chengji-box-el-t chengji-box-el-t-sl">
        <ul>
            <li class="chengji-box-el-li li-tp" style="border-right: 1px solid #eeeeee">

            </li>
            <li class="chengji-box-el-li li-tp"  style="border-right: 1px solid #eeeeee">
                <span>上午</span>
                <span>8:30~11:30</span>
            </li>
            <li class="chengji-box-el-li li-tp" style="border-right: 1px solid #eeeeee">
                <span>下午</span>
                <span>13:30~17:30</span>
            </li>
            <li class="chengji-box-el-li li-tp" >
                <span>晚上</span>
                <span>19:00~22:00</span>
            </li>
        </ul>
    </div>
    <div class="chengji-box-el-t chengji-box-el-t-sl st-td">
        <ul>
            <li class="chengji-box-el-li li-tp li-tt li-cuu" style="border-right: 1px solid #eeeeee;padding-right: 0.2rem">
                <span style="float: right">2018-12-12</span> <br>
                <span style="float: right">周二</span>
            </li>
            <li class="chengji-box-el-li li-tp li-tt"  style="border-right: 1px solid #eeeeee">
                <span class="te-text">A班级</span> <br>
                <span class="te-text">小班</span><br>
                <span class="te-text">上课教室</span><br>
                <span class="te-text">课题-训练方法</span>
            </li>
            <li class="chengji-box-el-li li-tp li-tt" style="border-right: 1px solid #eeeeee">
                <span class="te-text">A班级</span> <br>
                <span class="te-text">小班</span><br>
                <span class="te-text">上课教室</span><br>
                <span class="te-text">课题-训练方法</span>
            </li>
            <li class="chengji-box-el-li li-tp li-tt" >
                <span class="te-text">A班级</span> <br>
                <span class="te-text">小班</span><br>
                <span class="te-text">上课教室</span><br>
                <span class="te-text">课题-训练方法</span>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    $('.chengji-box-el-li').eq(0).find('em').addClass('sele_cur');
    $('.chengji-title-ul li').eq(0).find('span').addClass('cul');
    $(function(){
        $('body').on('click','.chengji-box-el-li',function(){
            $(this).find('em').addClass('sele_cur').parents('li').siblings().find('em').removeClass('sele_cur');
        });
        $('body').on('click','.chengji-title-ul li',function(){
            $(this).find('span').addClass('cul').parents('li').siblings().find('span').removeClass('cul');
        })
    });
</script>
</body>
</html>
